function Heronav() {
  const contents = ["注册", "登录", "关于"];

  return (
    <nav
      className="border-double border-b-8 border-black col-span-6 row-span-1 flex justify-between items-center
        text-4xl select-none
    "
    >
      {contents.map((content, index) => (
        <div
          key={index}
          className="flex justify-center items-center w-2/6 h-full hover:bg-blue-950 hover:text-pink-700 transition-colors duration-300
          cursor-pointer
          "
        >
          {content}
        </div>
      ))}
    </nav>
  );
}

export default Heronav;
